<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta keywords="">
    <meta description="">
    <link href="/resources/css/common/reset.css" rel="stylesheet">
    <link href="/resources/css/common/common.css" rel="stylesheet">
    <link href="/resources/css/pay/pay_integral.css" rel="stylesheet">
    <title>积分支付</title>
  </head>
  <body>
    <!--Created by cacalot123 on 2016/4/28.-->
    <section class="pay_detalinfo">
      <ul class="pay_detalinfo_ul">
        <li class="detail_id">
          <label>订单编号</label><span>123123123</span><a href="#">订单详情</a>
        </li>
        <li class="detail_payinfo">
          <div class="payRMB">
            <label>订单金额</label><span><ins>1000</ins><span class="clr-red">元</span></span>
          </div>
          <div class="pay_intergral">
            <label>需支付</label><span class="clr-red"><ins>1000</ins>积点</span><i class="triangle"></i>
          </div>
        </li>
      </ul>
      <div class="intergral_tips"><span><i class="error"></i>1车享积点=1元</span></div>
      <section style="display:none" class="detail_list">
        <div class="detail_list_title"><span class="cols1">商品</span><span class="cols2">购买数量</span><span class="cols3">数量</span></div>
        <ul class="item_list">
          <li>
            <div class="cols1"><span class="item_title"></span><span class="item_sytle"></span><img src="http://dummyimage.com/80x80/000/fff" class="item_img"></div>
            <div class="cols2"><span>10</span></div>
            <div class="cols3"><span>2</span></div>
          </li>
          <li>
            <div class="cols1"><span class="item_title"></span><span class="item_sytle"></span><img src="http://dummyimage.com/80x80/000/fff" class="item_img"></div>
            <div class="cols2"><span>10</span></div>
            <div class="cols3"><span>2</span></div>
          </li>
          <li>
            <div class="cols1"><span class="item_title"></span><span class="item_sytle"></span><img src="http://dummyimage.com/80x80/000/fff" class="item_img"></div>
            <div class="cols2"><span>10</span></div>
            <div class="cols3"><span>2</span></div>
          </li>
        </ul><span class="total">等5件商品</span><i class="triangle"></i>
      </section>
    </section>
    <!--Created by cacalot123 on 2016/4/28.-->
    <div class="pay_form">
      <ul>
        <li>
          <label>卡号</label>
          <input type="text" maxlength="19" id="card" class="input1"><span class="error-tips"></span>
        </li>
        <li>
          <label>密码</label>
          <input type="password" class="input1"><span class="error-tips"></span>
        </li>
        <li>
          <label>验证码</label>
          <input type="text" maxlength="4" class="input2">
          <div class="verification"><img src="http://dummyimage.com/60x22/000/fff"><span>看不清？<a href="#">换一张</a></span></div><span class="error-tips">请输入验证码</span>
        </li>
        <li class="button"><a href="#" id="sButton" class="submit-btn">支付</a></li>
      </ul>
    </div>
    <!-- Created by cacalot123 on 2016/4/28.-->
    <div class="pay_result">
      <div class="pay_result_content">
        <p class="main_txt">您已支付成功！</p><span class="added_tips"><a href="#" class="link_txt">继续购物</a><a href="#" class="link_txt">查看订单</a></span><i class="pay_result_ico icon_success"></i>
      </div>
    </div>
    <div class="pay_success"></div>
  </body>
  <script src="http://s1.cximg.com/cxlib/assets/js/jQuery/jquery-1.11.3.min.js" type="text/javascript"></script>
  <script src="/resources/dep/ECar/modal/ECar.modal.js" type="text/javascript"></script>
  <script src="/resources/dep/ECar/ECar.reg-1.0.min.js" type="text/javascript"></script>
  <script src="/resources/js/pay.js" type="text/javascript"></script>
</html>